var img_loading=false;

$(document).ready(function(){
	if($('#pfl_item').get().length>0){
	  $('#copy').css('display','none');
		set_sizes();

		$('#tumbs > #slider > a').click(function(){
		  image_load(this);
		  return false;
		});

		$('#icon_info').click(function(){
			var act=($('#pfl_info').css('display')=='none')?'block':'none';
			$('#pfl_socials').css('display','none');

		  if(act=='block'){
		    $('#pfl_info').css('display','block');
		    //$('#pfl_info').width( Math.floor(($(document).width()-550)/100)*100 );
		    $('#pfl_info').width( 800 );
				$('#pfl_info').height( Math.ceil($('#pfl_info > .content').height()/100)*100 );
			}else
			  $('#pfl_info').css('display','none');
			return false;
		});

		$('#icon_share').click(function(){
			var act=($('#pfl_socials').css('display')=='none')?'block':'none';
		  $('#pfl_info').css('display','none');

		  if(act=='block'){
		    $('#pfl_socials').css('display','block');
			}else
			  $('#pfl_socials').css('display','none');
			return false;
		});

		var t=$('#tumbs > #slider > a > img').first();
		var tv=t.attr('src');
		t.load(function(){
		  $(this).parent('a').click();
		  if( $('#tumbs > #slider > a').get().length<2  ){
		    $('#tumbs').css('display','none');
			}
		});
		t.attr('src',tv);
		
		$(window).resize(function(){
		  set_sizes()
		});
	}
});

function set_sizes(){
	$('#tumbs').width( Math.floor(($(window).width()-250)/100)*100 );
}

function image_load(dom_a){
	if(img_loading) return false;
	img_loading=new Image();
	img_loading.onload=function(){
	  image_display();
	}
	img_loading.src=$(dom_a).attr('href');
	
	$('#tumbs > #slider > .active').removeClass('active');
	$(dom_a).addClass('active');
	
	if( $('#slider').width() > $('#tumbs').width()){
		var dm= $(dom_a).position().left+($(dom_a).children('img').width()*.5) - $('#tumbs').width()*.5;
		if( dm<0 ) dm=0;
		if( dm>( $('#slider').width()-$('#tumbs').width() ) ) dm=( $('#slider').width()-$('#tumbs').width() );
		$('#slider').animate({'margin-left':(-1)*dm+'px'},'slow');
	}
}

function image_display(){
  proj_iface_init(img_loading.src, .6);
  $('#pfl_img').animate({opacity:0},300,function(){
    var w=  Math.floor(($(window).width()-150)/100)*100;
    if( w>img_loading.width ){
      var tos=(img_loading.width>=800)?img_loading.width: 800 ;
			var w=  Math.floor((tos)/100)*100;
		}
    var h= img_loading.height/( img_loading.width/w ); //Math.ceil((img_loading.height)/100)*100;
    $('#pfl_img').html( '<img src="'+img_loading.src+'" width="'+w+'" border="0">' );
    
    $('#pfl_img').css({
      width:w+'px',
      height:h+'px',
      'min-width':'inherit',
      'min-height':'inherit'
		});
		
    $('#container, #pfl_img').animate({opacity:1},600,function(){

		  delete img_loading;
		  img_loading=false;
		});
	});
}